/* 
    Document   : frontendLayoutCSS
    Created on : 19/07/2010, 02:58:48 PM
    Author     : jacobom
    Description:
        Purpose of the stylesheet follows.
*/


body {
    background-color: white;
}

#container #header .round_container_content {
    text-align: center;
}

/*
    Las clases round_container son las que permiten generar el marco de esquinas
    redondeadas.
*/
.round_container {
    background: white repeat-y url(/images/util/roundContainer/leftside.gif) left top;
    height: 100%;
}
.round_container_header {
    width:100%;
    height: 16px;
    background: no-repeat url(/images/util/roundContainer/top.gif) left top;
}

.round_container_header span {
    display:block;
    position:relative;
    height: 16px;
    background: no-repeat url(/images/util/roundContainer/top-right.gif) right top;
}

.round_container_content2 {
    z-index: 1;
    height: 600px;
    background: repeat-y url(/images/util/roundContainer/rightside.gif) right top;
    padding:1px 10px 1px 25px;
    margin:-1px 0 -1px 0;
}

.round_container_content {
    z-index: 1;
    background: repeat-y url(/images/util/roundContainer/rightside.gif) right top;
    padding:1px 16px 1px 16px;
    margin:-1px 0 -1px 0;
    overflow: auto;
}

.round_container_footer {
    position: relative;
    height:16px;
    background: no-repeat url(/images/util/roundContainer/bottom.gif) left bottom;
}
.round_container_footer span {
    display:block;
    position:relative;
    height:16px;
    background: no-repeat url(/images/util/roundContainer/bottom-right.gif) right bottom;
}

/*
    Esto permite que donde este usando una tabla e incluya una funcionalidad
    para hacer alguna edición se muestre un link con "estilo"
*/
a.edit, a.edit_cancel, a.save, input.save{
    height: 24px;
    width: 24px;
    display: block;
}

a.edit{
    background: no-repeat url(/images/util/edit1.png);
}
a.edit:hover{
    background: no-repeat url(/images/util/edit2.png);
}

a.edit_cancel{
    background: no-repeat url(/images/util/cancelar1.png);
}

a.edit_cancel:hover{
    background: no-repeat url(/images/util/cancelar2.png);
}

a.save{
    background: no-repeat url(/images/util/guardar1.png);
}

a.save:hover{
    background: no-repeat url(/images/util/guardar2.png);
}

input.save{
    background: no-repeat url(/images/util/guardar1.png);
}

input.save:hover{
    background: no-repeat url(/images/util/guardar2.png);
}

/**
    Boton para crear un portal.
*/
#buttons #crearportal a {
    height: 24px;
    width: 100px;
    display: block;
    background: no-repeat url(/images/util/botones/crearPortal1.gif);
}

#buttons #crearportal a:hover {
    background-image: url(/images/util/botones/crearPortal2.gif);
}